<template>
    <!-- 列表数据 -->
    <div class="store_list">
        <div v-for="(item,index) in store_list" :key="index">
            <!-- 将数组对象传递至子组件  这个子组件就是列表中的每一个店铺 -->
            <StoreItem  :storeList="item"></StoreItem> 
        </div>
    </div>
</template>

<script setup>
import StoreItem from './StoreItem.vue';
// 接收父组件传递过来的数据
let props=defineProps(['store_list'])

</script>

<style scoped>
.store_list{
    margin-bottom:10px;
}
</style>
